// 业务系统雷达图
var radarChart1 = echarts.init(document.getElementById("radarChart1"));
var list1 = [{
	name: "严重告警",
	type: 'radar', // 表示雷达图
	symbol: 'circle', //设置拐点格式样式 如:实心圆，空心圆或不显示拐点等
	symbolSize: 10, // 拐点的大小
	itemStyle: {
		normal: {
			color: 'red',
		}
	},
	lineStyle: {
		width: 0, //设置各个拐点连接的线条宽度
	},
	data: [{
		value: [1, '-', '-', '-', 1, '-', '-', '-']
	}],

}];
var list2 = [{
	name: "次要告警",
	type: 'radar', // 表示雷达图
	symbol: 'circle', //设置拐点格式样式 如:实心圆，空心圆或不显示拐点等
	symbolSize: 10, // 拐点的大小
	itemStyle: {
		normal: {
			color: '#fc8c1c',
		}
	},
	lineStyle: {
		width: 0, //设置各个拐点连接的线条宽度
	},
	data: [{
		value: ['-', 3, 3, '-', '-', '-', '-', 3]
	}],

}];
var list3 = [{
	name: "正常",
	type: 'radar', // 表示雷达图
	symbol: 'circle', //设置拐点格式样式 如:实心圆，空心圆或不显示拐点等
	symbolSize: 10, // 拐点的大小
	itemStyle: {
		normal: {
			color: 'green',
		}
	},
	lineStyle: {
		width: 0, //设置各个拐点连接的线条宽度
	},
	data: [{
		value: ['-', '-', '-', 5, '-', 5, 5, '-']
	}]
}];
var list = [list1, list2, list3];
var i = 0;
setInterval(function () {
	if (i < 2) {
		i++;
	} else {
		i = 0;
	}
	radarChart1option.series = list[i];
	radarChart1.clear();
	radarChart1.setOption(radarChart1option, true);
}, 2000);
var radarChart1option = {
	legend: {
		x: 'center',
		data: ['严重告警', '次要告警', '正常']
	},
	radar: [{
		shape: 'polygon', //雷达图绘制类型 polygon 多边形 circle 圆形
		center: ['45%', '60%'], //位置
		radius: '60%', // 大小,
		nameGap: 15, //名称和指示器轴的距离
		splitNumber: 3, // 雷达图圈数
		splitArea: { //背景分割区域
			show: true,
		},
		indicator: [{ // 最大值
			name: '财政部报表系统',
			max: 6
		},
		{
			name: '附重组系统',
			max: 6
		},
		{
			name: '管理会计系统',
			max: 6
		},
		{
			name: '集团合并报表',
			max: 6
		},
		{
			name: '内部评级系统',
			max: 6
		},
		{
			name: '集团网站',
			max: 6
		},
		{
			name: '金融工具分类系统（集团）',
			max: 6
		},
		{
			name: '金融工具分类系统（母分）',
			max: 6
		}
		],
		axisLine: {
			lineStyle: {
				type: 'dashed'
			}
		}
	}],
	series: list[0]
};
radarChart1.setOption(radarChart1option)

// 公用支持系统
var radarChart2 = echarts.init(document.getElementById("radarChart2"));
var radar2list1 = [{
	name: "严重告警",
	type: 'radar', // 表示雷达图
	symbol: 'circle', //设置拐点格式样式 如:实心圆，空心圆或不显示拐点等
	symbolSize: 10, // 拐点的大小
	itemStyle: {
		normal: {
			color: 'red',
		}
	},
	lineStyle: {
		width: 0, //设置各个拐点连接的线条宽度
	},
	data: [{
		value: [1, '-', '-', '-', 1, '-']
	}],

}];
var radar2list2 = [{
	name: "次要告警",
	type: 'radar', // 表示雷达图
	symbol: 'circle', //设置拐点格式样式 如:实心圆，空心圆或不显示拐点等
	symbolSize: 10, // 拐点的大小
	itemStyle: {
		normal: {
			color: '#fc8c1c',
		}
	},
	lineStyle: {
		width: 0, //设置各个拐点连接的线条宽度
	},
	data: [{
		value: ['-', 3, 3, '-', '-', '-']
	}],

}];
var radar2list3 = [{
	name: "正常",
	type: 'radar', // 表示雷达图
	symbol: 'circle', //设置拐点格式样式 如:实心圆，空心圆或不显示拐点等
	symbolSize: 10, // 拐点的大小
	itemStyle: {
		normal: {
			color: 'green',
		}
	},
	lineStyle: {
		width: 0, //设置各个拐点连接的线条宽度
	},
	data: [{
		value: ['-', '-', '-', 5, '-', 5]
	}]
}];
var radar2list = [radar2list1, radar2list2, radar2list3];
var y = 0;
setInterval(function () {
	if (y < 2) {
		y++;
	} else {
		y = 0;
	}
	radarChart2option.series = radar2list[y];
	radarChart2.clear();
	radarChart2.setOption(radarChart2option, true);
}, 2000);
var radarChart2option = {
	legend: {
		x: 'center',
		data: ['严重告警', '次要告警', '正常']
	},
	radar: [{
		shape: 'polygon', //雷达图绘制类型 polygon 多边形 circle 圆形
		center: ['45%', '59%'], //位置
		radius: '60%', // 大小,
		nameGap: 15, //名称和指示器轴的距离
		splitNumber: 3, // 雷达图圈数
		splitArea: { //背景分割区域
			show: true,
		},

		indicator: [{ // 最大值
			name: 'AD',
			max: 6
		},
		{
			name: 'DHCP',
			max: 6
		},
		{
			name: 'NTP服务器',
			max: 6
		},
		{
			name: '集团移动办公系统（recevier  entrustST）',
			max: 6
		},
		{
			name: '微软KMS服务器',
			max: 6
		},
		{
			name: '证书管理系统',
			max: 6
		}
		],
		axisLine: {
			lineStyle: {
				type: 'dashed'
			}
		},
	}],
	series: radar2list[0]
};
radarChart2.setOption(radarChart2option);
$(window).resize(radarChart2.resize);
$('a[data-toggle="tab"]').on('shown.bs.tab', radarChart2.resize);

// IT基础支持系统雷达图
var radarChart3 = echarts.init(document.getElementById("radarChart3"));
var nameList = ['严重告警', '次要告警', '正常'];
var radar3list1 = [{
	name: "严重告警",
	type: 'radar', // 表示雷达图
	symbol: 'circle', //设置拐点格式样式 如:实心圆，空心圆或不显示拐点等
	symbolSize: 10, // 拐点的大小
	itemStyle: {
		normal: {
			color: 'red',
		}
	},
	lineStyle: {
		width: 0, //设置各个拐点连接的线条宽度
	},
	data: [{
		value: [1, '-', '-', '-', 1, '-', '-']
	}],

}];
var radar3list2 = [{
	name: "次要告警",
	type: 'radar', // 表示雷达图
	symbol: 'circle', //设置拐点格式样式 如:实心圆，空心圆或不显示拐点等
	symbolSize: 10, // 拐点的大小
	itemStyle: {
		normal: {
			color: '#fc8c1c',
		}
	},
	lineStyle: {
		width: 0, //设置各个拐点连接的线条宽度
	},
	data: [{
		value: ['-', 3, 3, '-', '-', '-', '-']
	}],
}];
var radar3list3 = [{
	name: "正常",
	type: 'radar', // 表示雷达图
	symbol: 'circle', //设置拐点格式样式 如:实心圆，空心圆或不显示拐点等
	symbolSize: 10, // 拐点的大小
	itemStyle: {
		normal: {
			color: 'green',
		}
	},
	lineStyle: {
		width: 0, //设置各个拐点连接的线条宽度
	},
	data: [{
		value: ['-', '-', '-', 5, '-', 5, 5]
	}]
}];
var radar3list = [radar3list1, radar3list2, radar3list3];
var z = 0;
setInterval(function () {
	if (z < 2) {
		z++;
	} else {
		z = 0;
	}
	radarChart3option.series = radar3list[z];
	radarChart3.clear();
	radarChart3.setOption(radarChart3option, true);
}, 2000);
var radarChart3option = {
	legend: {
		x: 'center',
		data: nameList
	},
	radar: [{
		shape: 'polygon', //雷达图绘制类型 polygon 多边形 circle 圆形
		center: ['45%', '60%'], //位置
		radius: '60%', // 大小,
		nameGap: 15, //名称和指示器轴的距离
		splitNumber: 3, // 雷达图圈数
		splitArea: { //背景分割区域
			show: true,
		},
		indicator: [{ // 最大值
			name: 'NBU备份系统',
			max: 6
		},
		{
			name: 'NETPAS',
			max: 6
		},
		{
			name: 'IMC',
			max: 6
		},
		{
			name: 'CA wily监控服务器',
			max: 6
		},
		{
			name: '堡垒机、前置机',
			max: 6
		},
		{
			name: 'Remedy（新）',
			max: 6
		},
		{
			name: 'NSX',
			max: 6
		}
		],
		axisLine: {
			lineStyle: {
				type: 'dashed'
			}
		},
	}],
	series: radar3list[0]
};
radarChart3.setOption(radarChart3option);
$(window).resize(radarChart3.resize);
$('a[data-toggle="tab"]').on('shown.bs.tab', radarChart3.resize);